<script type="text/javascript"
	src="views/parkLotCenter/SystemConfigManager/js/addUpgradeTask.js"></script>
<style>
.MonitorVersionDialog-panel {
	width: 100%;
	margin: 0 10px;
}

.MonitorVersionDialog-panel .scrollBox {
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	height: 390px;
}

.MonitorVersionDialog-panel .leftContent {
	width: 240px;
	display: inline-block;
	float: left;
}

.MonitorVersionDialog-panel .leftContent .scrollBox p{
	background: #f5f5f5;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	float: left;
	margin: 5px 0;
	width: 215px;
	padding: 10px;
	text-align: left;
	border: 1px solid #c6baac;
	color: #443d33;
	border-radius: 4px;
}
.MonitorVersionDialog-panel .leftContent .scrollBox p.active{
	background: #f5f5f5;
	border-left: 8px solid #c6baac;
	border-right: 8px solid #c6baac;
	display: inline-block;
	width: 200px;
}
.MonitorVersionDialog-panel .leftContent .scrollBox label{
	margin-bottom: 10px;
}


.MonitorVersionDialog-panel .rightContent {
	width: calc(100% - 280px);
	display: inline-block;
	float: left;
	margin-left: 30px;
}

.MonitorVersionDialog-panel .rightContent .versionInfo {
	position: relative;
	margin: 10px;
}

.MonitorVersionDialog-panel .rightContent .versionInfo fieldset {
	border: 2px solid #dddddd;
	text-align: left;
	padding: 20px;
	border-radius: 5px;
}

.MonitorVersionDialog-panel .rightContent .versionInfo fieldset legend {
	font-size: 16px;
	color: #ff6917;
}

.MonitorVersionDialog-panel .rightContent .versionInfo .updateContent {
	background: #2590f1;
	border: 2px solid #b9cbff;
	border-radius: 5px;
	width: 180px;
	height: 120px;
	display: inline-block;
	color: #fff;
	padding: 10px;
	float: left;
	margin-right: 20px;
	overflow: auto;
}

.MonitorVersionDialog-panel .rightContent .versionInfo .versionBtn {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff
}

.MonitorVersionDialog-panel .rightContent .versionInfo .updateList {
	width: calc(100% - 230px);
	display: inline-block;
}

.MonitorVersionDialog-panel .rightContent .versionInfo .updateList p {
	line-height: 24px;
}
.MonitorVersionDialog-panel .parameterSet{
    border-top: 1px dashed #ccc;
    height: 50px;
    width: 98%;
    float: left;
    margin-top: 10px;
    padding: 10px 0;
}
.MonitorVersionDialog-panel .parameterSet .divList{
    display: inline-block;
    width: 45%;
    margin: 5px 0;
}
.MonitorVersionDialog-panel .parameterSet .divList label{
    width: 120px;
    text-align: right;
    display: inline-block;
}
div.k-window-content {
	overflow: hidden
}

.MonitorVersionDialog-panel .versionInfo  p span:first-child {
	width: 100px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}

.MonitorVersionDialog-panel .versionInfo p span:last-child {
	width: calc(100% - 120px);
	display: inline-block;
	word-wrap: break-word;
}
</style>

<script type="text/javascript">
	var upgradeTaskJs = null;
	$(document).ready(function() {
		upgradeTaskJs = new addUpgradeTaskJs($("#addUpgradeTaskDiv"));
	});
</script>

<!-- <div class="hint-content"> -->
<!-- START -->
<div id="addUpgradeTaskDiv">
	<div class="MonitorVersionDialog-panel">
		<div class="leftContent">
			<div class="layerTitle left" style="float:left;">
				<span>工作站列表</span>
			</div>
			<div class="scrollBox" id="workStationList"></div>
		</div>
		<div class="rightContent">
			<div class="layerTitle left" style="float:left;">
				<span>版本列表</span>
			</div>
			<div class="scrollBox" id="versionList"></div>
		</div>
		<div class="parameterSet">
		    <div class="divList">
		       <label>升级方式：</label><input type="text" id="upgradeMethods">
		    </div>
		    <div class="divList" id="upgradeTimeDiv">
		       <label>升级时间：</label><input type="text" id="upgradeTimes">
		    </div>
		</div>
	</div>
	<!-- end -->

	<div class="basicInfo-btn">
		<button class="save" id="saveBtn">确定</button>
		<button class="cancel" id="cancelBtn">取消</button>
	</div>

	<div id="templateDiv" style="display: none;">
		<div class="versionInfo" name="versionInfo">
			<fieldset>
				<legend id="versionNumber">版本号：V1.0</legend>
				<div class="updateContent">更新内容：</div>
				<div class="updateList">
					<p>
						<span>文件大小：</span><span name="versionSize"></span>
					</p>
					<p>
						<span>MD5校验码：</span><span name="checkCode"></span>
					</p>
					<p>
						<span>发布时间：</span><span name="releaseTime"></span>
					</p>
					<p>
						<span>上传人：</span><span name="uploadUserName"></span>
					</p>
					<p>
						<span>上传时间：</span><span name="uploadTime"></span>
					</p>
				</div>
				<div class="versionBtn">
					<label style="margin-left:10px" class="radio-name">选择版本</label><input
						name="radio-name" class="regular-radio blue"
						checked="" type="radio"><label for="radio-1-1"
						class="blue"></label>
				</div>
			</fieldset>
		</div>
	</div>
</div>